import React, { Component } from "react";

class Child1 extends Component {
  // 对于类组件来说，props的默认值的写法是一个固定写法

  // static表示私有属性, 无法被子类继承了
  // static添加的私有属性，就相当于直接挂载到了构造函数上面
  // static defaultProps = {
  //   name: "zhangsan",
  // };
  render() {
    console.log(this);
    return <div>child1组件 - {this.props.name}</div>;
  }
}
// 完全等价于上面的写法
Child1.defaultProps = {
  name: "zhangsan",
};

const Child2 = (props) => {
  return <div>child2组件 - {props.num}</div>;
};
Child2.defaultProps = {
  num: 666,
};

class App extends Component {
  render() {
    return (
      <>
        <h2>props的默认值</h2>
        <Child1 name="pengshao" />
        <Child2 />
      </>
    );
  }
}

export default App;
